<template>
	<view class="content">
		<float-btn :isHidden="isHidden" :iconUrl="iconUrl" skipUrl="/pages/complaint/index"></float-btn>
	</view>
</template>

<script>
	import floatBtn from '@/components/float-btn/float-btn.vue'
	import { debounce } from '@/common/util.js'
	export default {
		components:{
			floatBtn
		},
		data() {
			return {
				title: 'Hello',
				isHidden:false,
				iconUrl:require('static/suggest_icon.png')
			}
		},
		onLoad() {

		},
		onPageScroll() {
			const that = this
			that.isHidden = true
			debounce(function(){
				that.isHidden = false
			},500)
		},
		methods: {

		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 200vh;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>
